<!DOCTYPE html>
<html>
<head>
<meta lang="en" charset="UTF-8">
<title>管理员</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="description">
<meta content="" name="author">
<link href="${request.getContextPath()}/Public/assets/admin/css/css.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/uniform/css/uniform.default.css"
	rel="stylesheet" type="text/css">

<link
	href="${request.getContextPath()}/Public/assets/global/css/components-rounded.css"
	id="style_components" rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/css/plugins.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/layout.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/themes/default.css"
	rel="stylesheet" type="text/css" id="style_color">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/custom.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css"
	rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css"
	href="${request.getContextPath()}/Public/assets/global/plugins/jquery-notific8/jquery.notific8.min.css" />
<link
	href="${request.getContextPath()}/Public/assets/admin/css/common.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/css/kkpager.css"
	rel="stylesheet" type="text/css">
<link rel="shortcut icon"
	href="${request.getContextPath()}/Public/favicon.ico">

<!-- 时间插件 -->
<link
	href="${request.getContextPath()}/Public/js/jqueryUI/css/jquery-ui.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/js/jqueryUI/css/jquery-ui-timepicker-addon.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/js/jqueryUI/css/jquery.datetimepicker.css"
	rel="stylesheet" type="text/css">

<!-- select2控件样式 -->
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/select2/select2.css"
	rel="stylesheet" type="text/css">

<!-- layer web弹层组件样式 -->
<link href="${request.getContextPath()}/Public/js/layer/skin/layer.css"
	rel="stylesheet" type="text/css">

<!-- pandora-dialog 弹层组件样式 -->
<link
	href="${request.getContextPath()}/Public/js/pandora/css/dialog.css"
	rel="stylesheet" type="text/css">
<script>
	BASE_URL = '${request.getContextPath()}'
</script>
<style type="text/css">
.nav>li>a {
	text-shadow: none;
	color: red;
	font-size: 22px;
}

.datepicker {
	font-size: 16px;
}

.datepicker td, .datepicker th {
	width: 14.28571428571429%;
	height: 40px;
}

.table-condensed {
	width: 100%;
}

.datepicker-inline {
	width: 100%;
}

.col-md-4, .col-md-6, .col-md-7, .col-md-12 {
	padding-right: 0px;
	padding-left: 0px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
	.table>thead>tr>td, .table>thead>tr>th {
	border-bottom: 1px solid #ddd;
}

.input-inline {
	display: inline-block;
	width: 315px;
	vertical-align: middle;
}

.dialog-confirm {
	padding: 20px;
	font-size: 25px;
	text-align: center;
	color: rgb(253, 8, 8);
}

.dialog-footer {
	text-align: center;
}

.dialog-body .dialog-content {
	padding: 20px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: rgb(253, 8, 8);
	font-size: 25px;
}

.modal-footer {
	padding: 15px;
	text-align: center;
}

.green.btn {
	color: #FFFFFF;
	background-color: #cb5a5e;
}
</style>

</head>
<body class="page-header-top-fixed page-footer-fixed">
	<!--头部信息结束 -->
	<div class="page-header">
		<!--头部开始-->
		<#include "/include/top.html" />
		<!-- 头部信息结束 -->
	</div>

	<!-- BEGIN PAGE CONTAINER -->
	<div class="page-container">
		<#include "/include/menu.html" />
		<div class="page-content-wrapper">
			<div class="page-content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<div class="portlet light " style="margin-top: 5px;">
								<div class="portlet-body">
									<div class="row" style="height: 56px; text-align: left; padding-left: 3px;">
										<div class="col-sm-12">
											<div id="sample_2_filter" class="dataTables_filter">
												<form
													action="${request.getContextPath()}/sysManager/accountList.do"
													method="post" id="myForm">
													<label>操作员账户:
														<input type="text" class="form-control input-small2  input-inline" placeholder="操作员账户" name="account" id="account" value="${account!''}">
													</label>

													<button class="btn red" type="submit">
														<i class="fa fa-search"></i> 查询
													</button>
													<button class="btn red" type="button" style="float: right;"
														id="new_btn">
														<i class="fa fa-plus"></i> 新增管理员
													</button>
												</form>
											</div>
										</div>
									</div>
								</div>
								<table class="table table-striped table-bordered table-hover">
									<thead>
										<tr>
											<th>账号</th>
											<th>姓名</th>
											<th>权限</th>
											<th>开通时间</th>
											<th>开通人</th>
											<th>最后登录</th>
											<th>状态</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<#if accountlist ??> 
											<#list accountlist as account>
												<tr>
													<td>${account.account!'--'}</td>
													<td>${account.accountName!'--'}</td>
													<td>${account.roleName!'--'}</td>
													<td><#if account.isenabled == 0>
														${account.updatedat!'--'} <#else> -- </#if></td>
													<td>${account.openAccoutName!'--'}</td>
													<td>${account.lastLoginTime!'--'}</td>
													<td>
														<#if account.isenabled == 0>正常</#if>
													 	<#if account.isenabled == 1>关闭</#if></td>
													<td><#if account.isenabled == 0> <a href="#"
														class="closeAccount" href="javascript:void(0);"
														isenabled="${account.isenabled!''}"
														accountId="${account.id!''}"><p
																style="color: red; font-weight: bolder;">关闭</p></a> <#elseif
														account.isenabled == 1> <a href="#" class="openAccount"
														href="javascript:void(0);"
														isenabled="${account.isenabled!''}"
														accountId="${account.id!''}"><p
																style="color: black; font-weight: bolder;">启用</p></a> </#if>
		
													</td>
												</tr>
											</#list> 
										</#if>

									</tbody>
								</table>
								<div style="width: 80%; margin: 0 auto;">
									<div id="kkpager">
										<input type="hidden" value="${totalPage!''}" id="totalPage">
										<input type="hidden" value="${totalRecords!''}" id="totalRecords">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- END PAGE CONTAINER -->
	<!-- 底部开始 -->
	<#include "/include/foot.html" />
	<!-- 底部结束 -->
</body>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-migrate.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-ui/jquery-ui.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/js/bootstrap.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.blockui.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.cokie.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/uniform/jquery.uniform.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-notific8/jquery.notific8.min.js"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.sparkline.min.js"
	type="text/javascript"></script>

<!-- <script
	src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker-index.js"
	type="text/javascript"></script> -->
<!-- 时间插件 -->
<script
	src="${request.getContextPath()}/Public/js/jqueryUI/jquery.ui.custom.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/js/jqueryUI/jquery.ui.datepicker.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/js/jqueryUI/jquery.ui.datepicker-zh-CN.js"
	type="text/javascript"></script>


<script
	src="${request.getContextPath()}/Public/assets/global/scripts/metronic.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/admin/scripts/layout.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/admin/scripts/commonUtils.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/highcharts.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/kkpager.min.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="${request.getContextPath()}/Public/My97DatePicker/WdatePicker.js"></script>
<script src="${request.getContextPath()}/Public/js/moment/moment.js"
	type="text/javascript"></script>


<!-- select2控件 -->
<script type="text/javascript"
	src="${request.getContextPath()}/Public/assets/global/plugins/select2/select2.js"></script>
<script type="text/javascript"
	src="${request.getContextPath()}/Public/assets/global/plugins/select2/select2_locale_zh-CN.js"></script>

<!-- layer web弹层组件-->
<script type="text/javascript"
	src="${request.getContextPath()}/Public/js/layer/layer.min.js"></script>

<!-- pandora-dialog 弹层组件 -->
<script type="text/javascript"
	src="${request.getContextPath()}/Public/js/pandora/pandora-dialog.js"></script>


<!-- 脚本代码 -->
<script type="text/javascript">
	var addDialog;
	$(function() {
		Metronic.init(); // init metronic core componets
		Layout.init(); // init layout

		//搜索下拉框
		//toSelect2();

		//初始化分页插件	
		toPage();

		//td th 内容居中
		$("th").css("text-align", "center");
		$("td").css("text-align", "center");

	});

	//分页
	function toPage() {
		function getParameter(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if (r != null)
				return unescape(r[2]);
			return null;
		}

		var totalPage = $('#totalPage').val();
		var totalRecords = $('#totalRecords').val();

		var pageNo = getParameter('pno');
		if (!pageNo) {
			pageNo = 1;
		}

		//生成分页
		//有些参数是可选的，比如lang，若不传有默认值
		kkpager.generPageHtml({
			pno : pageNo,
			//总页码
			total : totalPage,
			//总数据条数
			totalRecords : totalRecords,

			getLink : function(n) {
				return this.hrefFormer + this.hrefLatter + "?pno=" + n
						+ "&account=" + $("#account").val();
			}
		});
	}

	//关闭管理员 
	$("a.closeAccount").bind("click", function() {
		
		
		var isenabled = $(this).attr("isenabled");
		var accountId = $(this).attr("accountId");
		auditPass(isenabled, accountId);
	});

	//启用管理员
	$("a.openAccount").bind("click", function() {
		var isenabled = $(this).attr("isenabled");
		var accountId = $(this).attr("accountId");
		auditPass(isenabled, accountId);
	});

	function auditPass(isenabled, accountId) {
		
		var message;
		//关闭
		if (isenabled == 0) {
			message = "确认关闭该管理员吗?";
		}
		//开启
		if (isenabled == 1) {
			message = "确认启用该管理员吗?";
		}
		
		
		$.confirm(message,function() {
				$.ajax({
					url : "${request.getContextPath()}/sysManager/updateAccountStatus.do",
					type : "post",
					dataType : 'JSON',
					data : {
						"isenabled" : isenabled,
						"accountId" : accountId
					},
					success : function(result) {
						confirmAndRefresh(result);
					}
				});
			});
		return false;
	}

	//新增管理员dialog
	$("#new_btn").bind("click", function() {
		var url = "${request.getContextPath()}/sysManager/showAddAccount.do";
		CommonUtils.editModal(url, '600');
	});

	function confirmAndRefresh(result) {
		if (result.code == "success") {
			//重新加载
			//window.location.reload();
			var path = getContextPath();
			window.location.href = "${request.getContextPath()}/sysManager/accountList.do";
		} else {
			pandora.dialog({
				wrapClass : "dialog-mini",
				content : result.message,
				okValue : "确定",
				ok : function() {
					
					var path = getContextPath();
					window.location.href = path+"/sysManager/accountList.do";
				}
			});
		}
	}
	
	function getContextPath() {
	    var pathName = document.location.pathname;
	    var index = pathName.substr(1).indexOf("/");
	    var result = pathName.substr(0,index+1);
	    return result;
	  }
	
</script>
</html>